<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />
    <title>京东网</title>
    <link rel="stylesheet" href="./JDindex.css">
    <link rel="stylesheet" href="./JDpublic.css">
    <link rel="icon" href="./images/JD.ico">
</head>

<body>
    <!-- 广告 -->
    <div class="header"> <img src="./images/card.png" alt="广告"> </div>
    <!-- 搜索区域 -->
    <div class="div-search">
        <input class="input" type="text" placeholder=" IPhone 7 plus"><button class="button">搜索</button><a href="#"><span class="span-shop">我的购物车</span></a>
        <div class="list1">
            <ul>
                <li><a id="special" href="#">直降981元</a></li>
                <li><a href="#">低至3.8折</a></li>
                <li><a href="#">9.9包邮</a></li>
                <li><a href="#">3件7折</a></li>
                <li><a href="#">5折好货</a></li>
                <li><a href="#">卫衣男</a></li>
                <li><a href="#">蓝牙键盘</a></li>
                <li><a href="#">2件5折</a></li>
                <li><a href="#">拖地机</a></li>
            </ul>
        </div>
        <div class="list2">
            <ul>
                <li><a href="#">秒杀</a></li>
                <li><a href="#">优惠券</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">服装城</a></li>
                <li><a href="#">京东超市</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">京东金融</a></li>
            </ul>
        </div>
        <img class="imghead" src="./images/jiadian.png" alt="家电">

    </div>
    <!-- 主体 -->
    <div class="div-body">

        <!-- 商品导航分类 -->
        <div class="left">
            <p><span class="span-left"><a href=""> 家用电器</a></span></p>
            <p><span class="span-left"><a href=""> 手机 / 运营商 / 数码</a></span></p>
            <p><span class="span-left"><a href=""> 电脑 / 办公</a></span></p>
            <p><span class="span-left"><a href=""> 家居 / 家具 / 家装 / 厨具</a></span></p>
            <p><span class="span-left"><a href=""> 男装 / 女装 / 童装 / 内衣</a></span></p>
            <p><span class="span-left"><a href=""> 美妆个护 / 清洁用品 / 宠物</a></span></p>
            <p><span class="span-left"><a href=""> 鞋靴 / 箱包 / 珠宝 / 奢侈品</a></span></p>
            <p><span class="span-left"><a href=""> 运动 / 户外 / 钟表</a></span></p>
            <p><span class="span-left"><a href=""> 汽车 / 汽车用品</a></span></p>
            <p><span class="span-left"><a href=""> 母婴 / 玩具乐器</a></span></p>
            <p><span class="span-left"><a href=""> 食品 / 酒类 / 生鲜 / 特产</a></span></p>
            <p><span class="span-left"><a href=""> 医药保健</a></span></p>
            <p><span class="span-left"><a href=""> 图书 / 音像 / 电子书</a></span></p>
            <p><span class="span-left"><a href=""> 机票 / 酒店 / 旅游 / 生活</a></span></p>
            <p><span class="span-left"><a href=""> 理财 / 众筹 / 白条 / 保险</a></span></p>
        </div>
        <!-- 中间图片 -->
        <div class="middle">
            <div>
                <a href="#"><img src="./images/banner3.jpg" alt="picture"></a>
            </div>
            <div>
                <a href="#"><img src="./images/bannerleft.jpg" alt=""></a>&nbsp;
                <a href="#"><img src="./images/bannerright.jpg" alt=""></a>

            </div>
        </div>
        <!-- 右侧登录 -->
        <div class="right">
            <!-- 上 -->
            <div>
                <div>
                    <img class="img2" src="./images/no_login.jpg" alt="">
                    <h6 class="h6">Hi 欢迎来到京东</h6>
                    <p class="p1"><a href="#"><span class="spana">登录</span></a><a href="#"><span class="spana">注册</span></a></p>
                </div>
                <a href=""><span class="spanc">新人福利</span></a> <a href=""><span class="spanc">PLUS会员</span></a>
            </div>
            <!-- 中 -->
            <div class="divright2">
                <dl>
                    <dt class="dt1"><span class="spanb">促销</span><span class="spane">公告</span><a href="#"><span class="spand">更多</span></a></dt>
                    <dd>
                        <ul class="list3">
                            <li><a href="#">京东成为中国最大家电零售商</a></li>
                            <li><a href="#">京东自营家电清洗服务上线</a></li>
                            <li><a href="#">京东帮洗服务店突破1700家</a></li>
                            <li><a href="#">京东售后退换无忧上线</a></li>
                        </ul>
                    </dd>
                </dl>
            </div>
            <!-- 下 -->
            <div class="sprite">
                <ul>
                    <li>
                        <a href="#">
                            <div class="sprite-div1"></div>
                            <p>话费</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div2"></div>
                            <p>机票</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div3"></div>
                            <p>酒店</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div4"></div>
                            <p>游戏</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div5"></div>
                            <p>企业购</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div6"></div>
                            <p>加油卡</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div7"></div>
                            <p>电影票</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div8"></div>
                            <p>火车票</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div9"></div>
                            <p>众筹</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div10"></div>
                            <p>理财</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div11"></div>
                            <p>礼品卡</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="sprite-div12"></div>
                            <p>白条</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 中间图片 -->
    <div class="divpicture">
        <a href="#"><img src="./images/hometool1.jpg"></a>
        <a href="#"><img src="./images/hometool2.jpg"></a>
        <a href="#"><img src="./images/hometool3.jpg"></a>
    </div>
    <!-- 特色购 -->
    <div class="buy">
        <div class="buy-text">
            <p class="buy-p">特色购</p>
        </div>
        <div class="buy-pic">
            <ul class="liste">
                <li>
                    <a href="#" class="a10">
                        <img src="./images/tese_shopping1.jpg" alt="司法拍卖">
                        <div class="buy-pic-position">

                            <h3>司法拍卖</h3>
                            <p>法院好货 公开抢拍</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="a11">
                        <img src="./images/tese_shopping2.jpg" alt="环球时尚">
                        <div class="buy-pic-position">

                            <h3>环球时尚</h3>
                            <p>环球名品，奢华精选</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="a12">
                        <img src="./images/tese_shopping3.jpg" alt="品牌特卖">
                        <div class="buy-pic-position">

                            <h3>品牌特卖</h3>
                            <p>京东闪购 品牌限时特卖</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="a13">
                        <img src="./images/tese_shooping4.jpg" alt="京东健康">
                        <div class="buy-pic-position">

                            <h3>京东健康</h3>
                            <p>药品医疗营养滋补计生</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="a14">
                        <img src="./images/tese_shopping5.jpg" alt="陪伴宝宝">
                        <div class="buy-pic-position">

                            <h3>陪伴宝宝</h3>
                            <p>蛮499-100</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="a15">
                        <img src="./images/tese_shopping6.jpg" alt="企业购">
                        <div class="buy-pic-position">

                            <h3>企业购</h3>
                            <p>办公文具满5件低至6折</p>
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="a16">
                        <img src="./images/tese_shopping7.jpg" alt="IN货推荐">
                        <div class="buy-pic-position">

                            <h3>IN货推荐</h3>
                            <p>微电单车直降800元</p>
                        </div>
                    </a>

                </li>
            </ul>
        </div>
    </div>
    <!-- 还没逛够 -->
    <div class="shopping-none">
        <div class="buy-text">
            <p class="buy-p">还没逛够</p>
        </div>
        <div class="shopping">
            <ul class="shopping-ul">
                <li class="shopping-li">
                    <a href="#">
                        <img src="./images/not1.jpg" alt="脆脆鲨">
                        <p>【京东超市】雀巢（Nestle）脆脆鲨 巧克力威化640g</p>
                        <span>&yen; 25.8</span>
                    </a>
                </li>
                <li class="shopping-li">
                    <a href="#">
                        <img src="./images/not2.jpg" alt="地垫">
                        <p>【京东超市】富居(FOOJO)珊瑚绒地垫厨卫入门垫40*60cm七彩羽叶</p>
                        <span>&yen; 13.9</span>
                    </a>
                </li>
                <li class="shopping-li">
                    <a href="#">
                        <img src="./images/not3.jpg" alt="鼠标">
                        <p>罗技（Logithech）M110r 光电鼠标（黑色）</p>
                        <span>&yen; 45.0</span>
                    </a>
                </li>
                <li class="shopping-li">
                    <a href="#">
                        <img src="./images/not4.jpg" alt="酒">
                        <p>泸州原浆精品白酒小瓶粮食酒特价浓香型高粱酒52度300mL 整箱6瓶装 送杯套</p>
                        <span>&yen; 65.0</span>
                    </a>
                </li>
                <li class="shopping-li">
                    <a href="#">
                        <img src="./images/not5.jpg" alt="韩束">
                        <p>韩束 红石榴鲜活水盈七件套 洗面奶爽肤水乳液眼霜面霜</p>
                        <span>&yen; 99.0</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
        <!-- 多快好省 -->
        <div class="bottom-head">
            <ul>
                <li>
                    <a href="#">
                        <div class="bottom-head-sprite1"></div><span>品类齐全，轻松购物</span></a>
                </li>
                <li>
                    <a href="#">
                        <div class="bottom-head-sprite2"></div><span>多仓直发，极速配送</span></a>
                </li>
                <li>
                    <a href="#">
                        <div class="bottom-head-sprite3"></div><span>正品行货，精致服务</span></a>
                </li>
                <li>
                    <a href="#">
                        <div class="bottom-head-sprite4"></div><span>天天低价，畅选无忧</span></a>
                </li>
            </ul>
        </div>
        <!-- 购物指南 -->
        <div class="guide">
            <ul>
                <li class="guide-li">
                    <dl>
                        <dt class="guide-dt"><a href="#"class="ul-li">购物指南</a></dt>
                        <dd>
                            <ul class="ul-li">
                                <li><a href="#">购物流程</a></li>
                                <li><a href="#">会员介绍</a></li>
                                <li><a href="#">生活旅行</a></li>
                                <li><a href="#">常见问题</a></li>
                                <li><a href="#">大家电</a></li>
                                <li><a href="#">联系客服</a></li>
                            </ul>
                        </dd>
                    </dl>
                </li>

            </ul>
            <ul>
                <li class="guide-li">
                    <dl>
                        <dt class="guide-dt"><a href="#" class="ul-li">配送方式</a></dt>
                        <dd>
                            <ul class="ul-li">
                                <li><a href="#">上门自提</a></li>
                                <li><a href="#">211限时达</a></li>
                                <li><a href="#">配送服务查询</a></li>
                                <li><a href="#">配送费及收藏标准</a></li>
                                <li><a href="#">海外配送</a></li>

                            </ul>
                        </dd>
                    </dl>
                </li>

            </ul>
            <ul>
                <li class="guide-li">
                    <dl>
                        <dt class="guide-dt"><a href="#" class="ul-li">支付方式</a></dt>
                        <dd>
                            <ul class="ul-li">
                                <li><a href="#">货到付款</a></li>
                                <li><a href="#">在线支付</a></li>
                                <li><a href="#">分期付款</a></li>
                                <li><a href="#">邮局汇款</a></li>
                                <li><a href="#">公司转账</a></li>

                            </ul>
                        </dd>
                    </dl>
                </li>

            </ul>
            <ul>
                <li class="guide-li">
                    <dl>
                        <dt class="guide-dt"><a href="#" class="ul-li">售后服务</a></dt>
                        <dd>
                            <ul class="ul-li">
                                <li><a href="#">售后政策</a></li>
                                <li><a href="#">价格保护</a></li>
                                <li><a href="#">退款说明</a></li>
                                <li><a href="#">返修/退换货</a></li>
                                <li><a href="#">取消订单</a></li>
                            </ul>
                        </dd>
                    </dl>
                </li>

            </ul>
            <ul>
                <li class="guide-li">
                    <dl>
                        <dt class="guide-dt"><a href="#" class="ul-li">特色服务</a></dt>
                        <dd>
                            <ul class="ul-li">
                                <li><a href="#">夺宝岛</a></li>
                                <li><a href="#">DIY装机</a></li>
                                <li><a href="#">研报服务</a></li>
                                <li><a href="#">京东E卡</a></li>
                                <li><a href="#">京东通信</a></li>
                                <li><a href="#">京东JD+</a></li>
                            </ul>
                        </dd>
                    </dl>
                </li>

            </ul>

        </div>
        <!-- 关于我们 -->
        <div class="bottom1">
            <ul>
                <li><a href="#" id="bottom-li">关于我们 </a></li>
                <li><a href="#" id="bottom-li">联系我们 </a></li>
                <li><a href="#" id="bottom-li">联系客服 </a></li>
                <li><a href="#" id="bottom-li">合作招商 </a></li>
                <li><a href="#" id="bottom-li">营销中心 </a></li>
                <li><a href="#" id="bottom-li">手机京东 </a></li>
                <li><a href="#" id="bottom-li">友情链接 </a></li>
                <li><a href="#" id="bottom-li">销售联盟 </a></li>
                <li><a href="#" id="bottom-li">京东社区 </a></li>
                <li><a href="#" id="bottom-li">风险监测 </a></li>
                <li><a href="#" id="bottom-li">隐私政策 </a></li>
                <li><a href="#" id="bottom-li">京东公益 </a></li>
            </ul>
        </div>
        <div class="bottom2">
            <p>English Site Contact Us 北京市公安局朝阳分局备案编号110105014669 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-经营性-2014-0008 | 新出发京零 </p>
            <p>字第大120007号</p>
            <p>音像制品经营许可证苏宿批005号 | 出版物经营许可证编号新出发(苏)批字第N-012号 | 互联网出版许可证编号新出网证(京)字150号 </p>
            <p>网络文化经营许可证京网文[2014]2148-348号 违法和不良信息举报电话：4006561155 Copyright © 2004-2015 京东JD.com 版权所有 </p>
            <p>京东旗下网站：360TOP 拍拍网 网银在线</p>
        </div>
        <div class="bottom3">
            <img src="./images/mess.png" alt="">
            <img src="./images/mess2.png" alt="">
            <img src="./images/mess3.png" alt="">
            <img src="./images/mess4.png" alt="">
            <img src="./images/mess5.png" alt="">
            <img src="" alt="">
        </div>
        <div class="foot">
            <h6>京东自营覆盖区县</h6>
            <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
            <span id="a1"><a>查看详情></a></span>
        </div>
    </div>
</body>

</html>